<template>
  <div>
    <Nav />
    <el-card>
      <div class="form-content">
        <p>设计方案</p>
        <el-form ref="form" class="form-input" :model="formDate" :rules="ruleData" label-width="120px">
          <el-row>
            <el-form-item label="活动形式">
              <el-input type="textarea"></el-input>
            </el-form-item>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="活动名称">
                <el-input></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="活动名称">
                <el-input></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="活动名称">
                <el-input></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="活动名称">
                <el-input></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="活动名称">
                <el-input></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="活动名称">
                <el-input></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="活动名称">
                <el-input></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="活动名称">
                <el-input></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="活动名称">
                <el-input></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="活动名称">
                <el-input></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="活动名称">
                <el-input></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="活动名称">
                <el-input></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <div class="btn-option">
            <el-button type="primary">提交</el-button>
            <el-button @click="Parent">取消</el-button>
          </div>
        </el-form>
      </div>
    </el-card>
  </div>
</template>
<script>
import nav from "@/components/navigation"
export default {
  components: {
    Nav: nav
  },
  data () {
    return {
      formDate: {

      },
      ruleData: {

      }
    }
  },
  methods: {
    Parent () {
      this.$router.go(-1)
    },
  },
}
</script>
<style lang="less" scoped>
.form-content {
  text-align: center;
  font-size: 30px;
  p {
    margin-bottom: 40px;
  }
  .form-input {
    width: 70%;
    // background-color: blue;
    margin: auto;
    .btn-option {
      display: flex;
      justify-content: flex-end;
    }
  }
}
</style>